<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>搭建自己的websocket server</title>
  </head>
  <body>
    <h1>Echo Test</h1>
    <input type="text" id="sendTxt" />
    <button id="sendBtn">发送</button>
    <div id="recv">

    </div>

    <script>
      var websocket = new WebSocket("ws://localhost:8001/");
      websocket.onopen = function () {
        console.log("websocket open");
        document.getElementById("recv").innerHTML = "Connected";
      }
      websocket.onclose = function () {
        console.log("websocket close");
      }
      websocket.onmessage = function (e) {
        console.log(e.data);
        document.getElementById("recv").innerHTML = e.data;
      }
      document.getElementById("sendBtn").onclick = function () {
        var txt = document.getElementById("sendTxt").value;
        websocket.send(txt);
      }
    </script>
  </body>
</html>